import { Canvas, Meta, Story, ArgsTable } from '@storybook/addon-docs/blocks';
import * as stories from './breadcrumb.story';
import Breadcrumb from './breadcrumb';
import CommonProps from '../../../.storybook/common-props';

<Meta title="Components/Breadcrumb" />

# Breadcrumb

A simple navigation component with a customizable separator. Suitable for hierarchical navigations.

You can inform the current page using the active props in `Breadcrumb.Item` component. It will disable the navigation of inner links.

## Props

### Breadcrumb

<ArgsTable of={Breadcrumb} />

### Breadcrumb.Item

<ArgsTable of={Breadcrumb.Item} />

<CommonProps />

## Example

<Canvas>
  <Story story={stories.Default} name="Breadcrumb" />
</Canvas>

## Related

- [Official documentation](https://bulma.io/documentation/components/breadcrumb)
